<% layout('layout') -%><!--加载全局布局文件-->
<% block('head').append('<link rel="stylesheet" href="'+CDN+'stylesheets/sweetalert.css">') %>
<% block('head').append('<link rel="stylesheet" href="'+CDN+'stylesheets/example.css">') %>
<% block('head').append('<link rel="stylesheet" href="'+CDN+'stylesheets/luckdraw.css">') %>
<!--NgC div start--->
<!--<div id="singday" ng-controller="SginDayAngularCtrl" ng-cloak class="ng-cloak" style="width: 50%;">-->
<!-- 代码 开始 -->
<div style="background-color: #FFF !important;"  ng-controller="LuckCtrl">
    <div class="am-margin-bottom-0" style="background: url(/images/activity/turntable/up_bg.png);background-size: 98%;background-color: white;">
        <div>
            <img src="/images/activity/turntable/luck.png" alt="" style="width: 100%;"/>
        </div>
        <div class="banner">
            <div class="turnplate" style="background-image:url(/images/activity/turntable/turnplate-bg.png);background-size:100% 100%;">
                <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
                <img class="pointer" src="/images/activity/turntable/pointer.png"/>
            </div>
        </div>
    </div>
    <div class="am-g am-margin-top-0" style="background-color: white;" >
        <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-gallery-imgbordered">
             <li ng-repeat="pro in tuijianPro">
                 <div class="am-gallery-item">
                     <div style="position: relative">
                         <div style="position: absolute;bottom: 0px;right: 0px;" class="am-badge am-badge-warning"> ￥<span  ng-bind="pro.price"></span>元 <span  ng-bind="pro.spname"></span></div>
                         <a href="http://wxshop.guoran100.com/detail/{{pro.id}}">
                             <img ng-src="{{pro.pic}}"/>
                         </a>    </div>
                     <h3 class="am-gallery-title " style="color: #ed560e;text-align: center;"  ng-bind="pro.name"> </h3>
                 </div>
            </li>
        </ul>

    </div>
    <div class="">
        <span style="font-family: 'Lato','Helvetica Neue','Helvetica, Arial','sans-serif;';background: #FFF !important;"><h2 style="color: #ea5504;background: #FFF !important;">————<b>参加规则</b>————</h2></span>
        <div style="float: left;color: #ea5504;padding-top: 2%;background: #FFF !important;padding-bottom: 3%;">
            <p style="float: left;color: #ea5504;font-size: 1.4rem;line-height: 1.55rem;padding-left: 7%;padding-right: 10%;">★每个ID每天<b>限转一次</b>。</p>
            <p style="float: left;color: #ea5504;font-size: 1.4rem;line-height: 1.55rem;padding-left: 7%;padding-right: 10%;">★优惠券将即时发放至会员账户<b>“我的优惠券”</b>中。</p>
            <p style="float: left;color: #ea5504;font-size: 1.4rem;line-height: 1.55rem;padding-left: 7%;padding-right: 10%;">★优惠券有效时间<b>截止至发放日当天24:00</b>。</p>
            <p style="float: left;color: #ea5504;font-size: 1.4rem;line-height: 1.55rem;padding-left: 7%;padding-right: 10%;">★优惠券为微商城全场通用，<b>拼团购、每日必抢等活动商品除外</b>。</p>
            <p style="float: left;color: #ea5504;font-size: 1.4rem;line-height: 1.55rem;padding-left: 7%;padding-right: 10%;">★<b>非质量问题</b>取消订单或退货，优惠券视为已使用，不再返还。</p>
        </div>
    </div>
</div>
<!-- 代码 结束 -->
<!--NgC div end--->

<!---启用底部navbar-->
<!--如果本页面有额外的js文件/代码需要加入到head中 使用如下代码-->
<% block('footer').append('<script src="'+CDN+'script/alert.js"></script>') %>
<% block('footer').append('<script src="'+CDN+'script/luckdraw.js"></script>') %>
<% block('footer').append('<script src="'+CDN+'script/luck.js"></script>') %>
<% block('footer').append('<script src="'+CDN+'script/sweetalert-dev.js"></script>') %>
